	*{
		margin: 0px;
		padding: 0px;
		font-size: 16px;
		background-color: gray;
	}
	.box{
	    width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	.img{
		width: 200px;
		height:100px;
		margin:30px auto;
	}
	.img>img{
		width: 200px;
		height:100px;
	}
	.user{
		width: 400px;
		height: 60px;
		margin: 0px auto;
		display: flex;
		align-items: center;
		background-color: gainsboro;
		margin-bottom: 30px;
	}
	.usericon{
		width: 50px;
		height: 35px;
		background-color: gainsboro;
	}
	.username{
		width: 350px;
		height: 35px;
		padding: 5px;
		background-color: gainsboro;
		border: none;
		border-left: 5px solid white;
		outline: none;
	}
	.username::placeholder{
		color: white;
	}
	.pass{
		width: 400px;
		height: 60px;
		margin: 0px auto;
		display: flex;
		align-items: center;
		background-color: gainsboro;
		margin-bottom: 25px;
	}
	.passicon{
		width: 50px;
		height: 35px;
		background-color: gainsboro;
	}
	.password{
		width: 350px;
		height: 35px;
		padding: 5px;
		background-color: gainsboro;
		border: none;
		border-left: 5px solid white;
		outline: none;
	}
	.password::placeholder{
		color: white;
	}
	.button{
		width: 400px;
		height: 60px;
		margin: 0px auto;
		margin-bottom: 35px;
	}
	.login{
		width: 400px;
		height:60px;
		color: white;
		background-color: black;
		font-size: 20px;
	}
	.selection{
		width: 400px;
		height: 20px;
		margin: 0px auto;
		display: flex;
		align-items: center;
		margin-bottom: 5px;
	}
	.method{
		width: 400px;
		height: 25px;
		margin: 0px auto;
		display: flex;
		align-items: center;
	}
	.method a{
		color: white;
	}
	